<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head th:include="/shop/include :: header"></head>
<body>
	<div class="layui-fluid">
		<form id="form">
			<input type="hidden" id="supply_id" name="supply_id" th:value="${supplyId}">
			<input type="hidden" id="goods_code" name="goods_code" th:value="${goodsCode}">
		</form>
		<table id="shop_supply_goods_warehouse-table" lay-filter="shop_supply_goods_warehouse-table"></table>
	</div>
	<!-- 工具栏 -->
	<script type="text/html" id="toolbarShopSupplyGoodsWarehouse">
        <div class="layui-btn-container">
			<button shiro:hasPermission="shop:supply_goods_warehouse:add" class="layui-btn layui-btn-sm" lay-event="add"><i class="layui-icon layui-icon-add-circle" ></i>添加</button>
        </div>
    </script>
	<!-- 操作列 -->
	<script type="text/html" id="shop_supply_goods_warehouse-state">
     <div class="layui-btn-group">
        <button shiro:hasPermission="shop:supply_goods_warehouse:edit" class="layui-btn layui-btn-sm" lay-event="edit"><i class="layui-icon layui-icon-edit"></i></button>
        <button shiro:hasPermission="shop:supply_goods_warehouse:remove" class="layui-btn layui-btn-sm" lay-event="del"><i class="layui-icon layui-icon-delete"></i></button>
    </div>
    </script>
	<div th:include="/shop/include::footer"></div>
	<script>
        var conditions = $('#form').serialize();
        conditions = decodeURIComponent(conditions, true);
		layui.use([ 'table' ], function() {
			var $ = layui.jquery;
			var table = layui.table;
			// 渲染表格
			var renderTable = function() {
				layer.load(2);
				table.render({
					elem : '#shop_supply_goods_warehouse-table',
					url : '/platform/supplygoodswarehouse/list',
					toolbar : '#toolbarShopSupplyGoodsWarehouse',
					page : true,
					id : 'shopSupplyGoodsWarehouseReload',
                    where : {"conditions":conditions},
					cols : [ [ {
						type : 'checkbox',
						fixed : 'left'
					}, 
					{
						unresize : true,
						sort : true,
						width : 80,
						align : 'center',
					    field : 'id',
						title : 'id',
					 
					}, 
 					{
						align : 'center',
					    field : 'goodsCode',
						title : '商品编码',
					 
					},
					{
						align : 'center',
					    field : 'skuCode',
						title : 'SKU编码',

					},
 					{
						align : 'center',
					    field : 'name',
						title : '属性名称',
					 
					}, 
 					{
						align : 'center',
					    field : 'specificationsJson',
						title : '属性规格json',
					 
					}, 
 					{
						align : 'center',
					    field : 'costPrice',
						title : '成本价',
					 
					},
					{
						align : 'center',
					    field : 'salePrice',
						title : '售价',

					},
 					{
						align : 'center',
						title : '展示图',
                        templet: function (d) {
                            return '<div class="imgview" ><img src="' + d.showImage + '" alt="" width="50px" height="50px"></a></div>';
                        }
					 
					}, 
 					{
						align : 'center',
					    field : 'totalInventory',
						title : '总库存',
					 
					}, 
 					{
						align : 'center',
					    field : 'bookInveentory',
						title : '预售库存',
					 
					}, 
 					{
						align : 'center',
					    field : 'createTime',
						title : '添加时间',
					 
					}, 
 					{
						align : 'center',
					    field : 'updateTime',
						title : '修改时间',
					 
					}, 
 					{
						align : 'center',
						title : '删除状态',
                        templet: function (d) {
                            return d.deleteFlag == 0 ? "未删除":"已删除"
                        }
					 
					}, 
 					{
						title : '操作',
						toolbar : '#shop_supply_goods_warehouse-state',
						align : 'center'
					} ] ],
					done : function() {
						layer.closeAll('loading');
					}
				});

			};
			renderTable();
			// 搜索 
			var active = {
				reload : function() {
					//执行重载
					table.reload('shopSupplyGoodsWarehouseReload', {
						page : {
							curr : 1
						//重新从第 1 页开始
						},
						where : {

						}
					});
				}
			};

			$('#search').on('click', function() {
				var type = $(this).data('type');
				active[type] ? active[type].call(this) : '';
			});

			//头工具栏事件
			table.on('toolbar(shop_supply_goods_warehouse-table)', function(obj) {
				var checkStatus = table.checkStatus(obj.config.id);
				switch (obj.event) {
				case 'add'://增加
					openAdd();
					break;
				case 'batchRemove'://批量删除
					var data = checkStatus.data;
					if (data.length < 1) {
						layer.msg('请至少选择一个');
						break;
					}
					//批量删除
					batchRemove(data);
				}
			});

			//监听工具条
			table.on('tool(shop_supply_goods_warehouse-table)', function(obj) {
				var data = obj.data;
				var layEvent = obj.event;
				if (layEvent === 'del') {//删除
					remove(data.id);
				} else if (layEvent === 'edit') {//修改
					edit(data.id);
				}
			});

			function remove(id) {
				layer.confirm('确定要删除选中的记录？', {
					btn : [ '确定', '取消' ]
				}, function() {
					//删除
					ajaxPostLoad('/shop/supply_goods_warehouse/remove', {
						id : id
					});
				})
			}

			function batchRemove(data) {
				layer.confirm("确认要删除选中的'" + data.length + "'条数据吗?", {
					btn : [ '确定', '取消' ]
				}, function() {
					var ids = new Array();
					$.each(data, function(i, row) {
						ids[i] = row['id'];
					});
					console.log("remove->ids:" + ids);
					//批量删除
					ajaxPostLoad('/shop/supply_goods_warehouse/batchRemove', {
						ids : ids
					});
				});
			}

			function edit(id) {
				layer.open({
					type : 2,
					title : '修改',
					maxmin : true,
					shadeClose : false, // 点击遮罩关闭层
					area : [ '100%', '100%' ],
					content : "/platform/page/supply_goods_warehouse/edit?id=" + id +"&url=/platform/supplygoodswarehouse/getSupplyGoodsWarehouseById" + "&key=shopSupplyGoodsWarehouse"
				});
			}

			function openAdd() {
				layer.open({
					type : 2,
					title : '增加',
					maxmin : true,
					shadeClose : false, // 点击遮罩关闭层
					area : [ '100%', '100%' ],
					content : "/platform/page/supply_goods_warehouse/add?goodsCode="+$("#goods_code").val()+"&supplyId="+$("#supply_id").val()
				});
			}
		});
	</script>
</body>
</html>